草庐IT

ionic 滚动条

全部标签

javascript - 滚动页面以便元素可见

我刚刚尝试了原型(prototype)的scrollTo功能,正如文档所述,它Scrollsthewindowsothatelementappearsatthetopoftheviewport我想要一个函数仅当元素在视口(viewport)中不完全可见时才滚动滚动使元素出现在视口(viewport)的中心有谁知道原型(prototype)、脚本或独立的这样一个功能? 最佳答案 我猜你需要这样的东西(demo):窗口高度functiongetWindowHeight(){varbody=document.body;vardocEl=d

javascript - JS - 100% 且无滚动的 iframe 高度(正文中的 Scroll-y)

我有一个iframe问题。首先,我在https://stackoverflow.com/search?tab=relevance&q=iframe%20height中搜索关键字iframeheight但我没有找到我需要的人。如何制作一个高度为100%且无滚动的iframe。在正文中滚动Y。如果我通过http://www.google.com搜索某些内容在iframe中,之后转到google搜索结果页面。iframe将计算新的高度并且iframe高度仍然为100%,正文部分的滚动条。(我希望一些帮助不仅在ie和firefox中,而且在safari和chrome中都能完美工作)。非常感谢。

javascript - 可在可滚动容器中排序的 JQuery UI - 排序时滚动位置 "jumps"

请先检查这个几乎相同的问题:jQuerySortableList-scrollbarjumpsupwhensorting我有完全相同的问题,只是我尝试了所有建议的解决方案,但没有成功重现方法如下创建一个sortablelist让它可以滚动向下滚动重新订购商品滚动位置“跳”起来这是代码(另见JSFiddle)HTMLitem1item2item3item4item5​JavaScript$(function(){$("#panel").sortable({items:".content",forcePlaceholderSize:true}).disableSelection();$("

javascript - 谷歌地图劫持​​了 iphone 的滚动(触摸事件)——如何恢复?

我使用JQuery。我使用googlemapsapiv3。现在,在我的iPhone上,如果我将手指放在map区域,我无法向下滚动页面。map选项中的draggable:false不起作用。它只是阻止map在内部移动。找到了这些类似的问题,但无法从中得到答案:HowcanIdisablescrollingontheGoogleMapsmobilelayout?EmbedGoogleMapsonpagewithoutoverridingiPhonescrollbehaviorGoogleMapsAPI;SuppressMapPanningtoenablePageScrolling有什么简单

JavaScript 设置滚动高度

在JavaScript中,将一个元素的scrollHeight设置为另一个元素的正确方法是什么?直接赋值无效。谢谢,格雷格 最佳答案 直接是不可能的。scrollHeight是只读属性,包含元素内容的总高度(以像素为单位)。如果有元素A并且您希望元素B具有与元素A相同的scrollHeight,则使元素B具有单个子DIV元素(移动所有先前的元素B内容作为DIV的子节点),即设置为:width:100%;overflow:hidden;并使用javascript将DIV的高度设置为元素A的滚动高度(以像素为单位):document.g

如果滚动位置 > 100,则为 Javascript

如果它大于100,我如何测试它。例如,我如何获得警报。这是我的代码不起作用,我不知道为什么。varScrollTop=$("body").scrollTop();if(ScrollTop>100){alert("Scrollisgreaterthan100");//document.getElementById('back-to-top').fadeOut;} 最佳答案 使用滚动监听器http://jsfiddle.net/6A6qy/$(window).scroll(function(){...});

javascript - 如何使用 Jquery 检测滚动速度?

我想尝试复制io7的safari功能,当您在javascript/jquery中缓慢滚动时,url和导航栏会最小化。首先是检测滚动速度,我看过this已经有问题了,但我在内容脚本中这样做,所以我不一定有他们使用的顶部和底部元素。还有其他检测滚动速度的方法吗? 最佳答案 您可以通过jQuery附加到滚动事件,并结合使用时间戳和scrollOffset,通过将偏移量/时间与之前的最后一个滚动事件进行比较来确定滚动速度。像这样:varlastOffset=$(mySelector).scrollTop();varlastDate=newD

javascript - 在 iOS 中同步两个 div 滚动不流畅

-->请转到编辑此问题的部分我想同步两个div的滚动条,我就是这样做的vardiv1=document.getElementById('element1'),div2=document.getElementById('element2');div1.addEventListener('touchmove',scrolled,false);div2.addEventListener('touchmove',scrolled,false);functiongetscrollTop(node){returnnode.pageYOffset||node.scrollTop;}functions

javascript - ionic /如何从选择控件中选择多个选项(最多选择 3 个选项)?

我目前使用的是Ionic1.3.16版本。在这里,我需要在我的选择控件中选择多个选项。这是我的ionicHTML代码:LightsaberBlueGreenRed 最佳答案 您在select选项中缺少value属性,因为当您选择选项时,它将反射(reflect)到ng-model。此外选择多个,您需要在选择中添加multiple属性。标记{{option.name}}{{selectedValues}} 关于javascript-ionic/如何从选择控件中选择多个选项(最多选择3个选项

javascript - 如何动态地将数据插入 ionic 滑动框Angularjs Ionic

我正在使用Ionic框架和Angularjs构建一个新闻应用程序!我正在使用ng-repeat在ion-slide-box上展示新闻,这里是一个例子:{{i.name}}{{i.gender}}{{i.age}}我想为每张幻灯片动态地将数据插入到我的ionic幻灯片盒中,所以我正在使用此代码:$scope.slideHasChanged=function(index){$scope.items.push("{name:'John',age:25,gender:'boy'}");}但这似乎不太奏效,所以如果您对我如何重新喜欢它有想法那就太好了:)这里是CODEPEN+CODE